@import './public.scss';

/*按钮背景色*/
@mixin colorBtn($color) {
  background: $color;
  &:hover {
    color: $color;

    &:before,
    &:after {
      background: $color;
    }
  }
}

/*按钮文本*/
@mixin colorTextBtn($color) {
  color: $color;
  &:hover {
    color: $color;

    &:before,
    &:after {
      background: $color;
    }
  }
}

/*按钮hover样式*/
@mixin colorHoverBtn($color) {
  &:hover {
    color: $color;

    &:before,
    &:after {
      background: $color;
    }
  }
}

// 以下为各文件可以直接赋值的class名
.blue-btn {
  @include colorBtn($blue)
}

/*字体颜色为蓝色*/
.blue-text-btn {
  @include colorTextBtn($blue)
}

.light-blue-btn {
  @include colorBtn($light-blue)
}

.blue-hover-btn {
  @include colorHoverBtn($blue)
}
